<header>
    <div class="title">
        <a href=""><span class="icon user"></span>Servicio tecnico</a> <span class="icon chevron-right"></span> <strong>Listado de reportes</strong>
    </div>
    <div class="shortcuts">
        <a href=""></a>
    </div>
    <div class="help">
        <a href="">Ayuda</a>
    </div>
</header>
<div class="sidebar">
    <div class="content">
        <?php if (isset($create_result)) { ?>
            <div class="alert alert-success">
                <span class="icon thumbs-up"></span>
                <strong>Éxito!</strong> - Se creado el nuevo reporte exitosamente!, su numero es: <a href='<?php echo $host."services/read/".$create_result; ?>'><?php echo $create_result; ?></a>
            </div>
        <?php } ?>
        <?php if (count($arr_services)) { ?>
        <h3>Listado de reportes abiertos</h3>
        <div class="form-table">
            <table>
                <thead>
                    <tr>
                        <th>Numero</th>
                        <th>Titulo</th>
                        <th>Estado</th>
                        <th>Subsistema</th>
                        <th>Tipo</th>
                        <th>Ultima actualizacion</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($arr_services as $service) { ?>
                    <tr data-variables="<?php echo $service['id']; ?>">
                        <td><?php echo $service['id']; ?></td>
                        <td><?php echo $service['titulo']; ?></td>
                        <td><?php echo $service['estado']; ?></td>
                        <td><?php echo $service['subsistema']; ?></td>
                        <td><?php echo $service['tipo']; ?></td>
                        <td><?php echo $service['ultima_actualizacion']; ?></td>
                    </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
        <?php } else { echo "<strong>No hay reportes abiertos en este momento.</strong>"; } ?>
    </div>
</div>